<!DOCTYPE html>
<html>
    <head>
        <title>内容</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Bootstrap核心CSS -->
        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="bootstrap/css/bootstrap-theme.css" rel="stylesheet">

        <!--Datetimepicker-->
        <link href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">

        <script src="js/jquery.js"></script>
        <!--Bootstrap核心JS-->
        <script src="bootstrap/js/bootstrap.js"></script>

        <!--Datetimepicker-->
        <script src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
        <script src="bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
        

        <!--highcharts-->
        <script src="highcharts/js/highcharts.js"></script>
        <script src="highcharts/js/chart/column.js"></script>	
        <!--其它-->
        <script src="js/main.js"></script>

    </head>
    <body>

        <div class="panel panel-info">
            <div  class="panel-heading">
                查询信息
            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 col-xs-2 control-label">名称</label>
                                <div class="col-sm-8 col-xs-10">
                                    <input type="text" class="form-control" id="inputEmail3" placeholder="名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 col-xs-2 control-label">机构</label>
                                <div class="col-sm-8 col-xs-10">
                                    <input type="text" class="form-control" id="inputPassword3" placeholder="机构">
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-sm-4 col-xs-2 control-label">级别</label>
                                <div class="col-sm-8 col-xs-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="radio">一级
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="radio">二级
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="radio">三级
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword4" class="col-sm-4 col-xs-2 control-label">区县</label>
                                <div class="col-sm-8 col-xs-10">
                                    <input type="text" class="form-control" id="inputPassword4" placeholder="区县">
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4 ">
                            <div class="form-group">
                                <label class="col-sm-4 col-xs-2 control-label">
                                    等级
                                </label>
                                <div class="col-sm-8 col-xs-10">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" >甲
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox">乙
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox">丙
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword5" class="col-sm-4 col-xs-2 control-label">区县</label>
                                <div class="col-sm-8 col-xs-10">
                                    <select  class="form-control"   id="inputPassword5">
                                        <option>请选择……</option>
                                        <option>徐汇区</option>
                                        <option>杨浦区</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                    </div>




                    <div class="row">
                        <div class="col-sm-8">
                            <div class="form-group">
                                <label for="strar_date" class="col-sm-2 col-xs-2 control-label">时间</label>
                                <div class="col-sm-4 col-xs-5">
                                    <input type="text" class="form-control" id="strar_date" placeholder="开始时间">
                                </div>
                                <div class="col-sm-4 col-xs-5">
                                    <input type="text" class="form-control" id="end_date" placeholder="结束时间">
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="inputPassword7" class="col-sm-4 col-xs-2 control-label">区县</label>
                                <div class="col-sm-8 col-xs-10">
                                    <input type="text" class="form-control" id="inputPassword7" placeholder="区县">
                                </div>
                            </div>
                        </div>
                    </div>




                    <div class="row">

                        <div class="col-sm-10">

                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">
                                <button type="button" data-loading-text="加载..." id="search_button" class="btn btn-primary">
                                    查询
                                </button>
                            </div>
                        </div>

                    </div>

                </form>
            </div>
        </div>

        <div class="panel panel-primary">
            <div class="panel-heading">
                图表信息
            </div>
            <div class="panel-body">

                <div id="container" style="min-width: 350px; height: 400px; margin: 0 auto"></div>

            </div>


        </div>

        <div class="panel panel-success">
            <div class="panel-heading">
                表单信息
            </div>

            <table class="table table-striped table-bordered table-hover">

                <thead>
                    <tr class="danger">
                        <th>项目</th>
                        <th>Jane</th>
                        <th>John</th>
                        <th>Megend</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>Apples</th>
                        <td>3</td>
                        <td>4</td>
                        <td>8</td>
                        <th class="text-center">
                            <a data-id="1" class="btn btn-warning btn-xs" role="button">删除</a>
                        </th>
                    </tr>
                    <tr>
                        <th>Pears</th>
                        <td>2</td>
                        <td>0</td>
                        <td>5</td>
                        <th class="text-center">
                            <a data-id="2" class="btn btn-warning btn-xs" role="button">删除</a>
                        </th>
                    </tr>
                    <tr>
                        <th>Plums</th>
                        <td>5</td>
                        <td>11</td>
                        <td>1</td>
                        <th class="text-center">
                            <a data-id="3" class="btn btn-warning btn-xs" role="button">删除</a>
                        </th>
                    </tr>
                    <tr>
                        <th>Bananas</th>
                        <td>1</td>
                        <td>1</td>
                        <td>5</td>
                        <th class="text-center">
                            <a data-id="4" class="btn btn-warning btn-xs" role="button">删除</a>
                        </th>
                    </tr>
                    <tr>
                        <th>Oranges</th>
                        <td>2</td>
                        <td>4</td>
                        <td>3</td>
                        <th class="text-center">
                            <a data-id="5" class="btn btn-warning btn-xs" data-toggle="modal" href="#myModal" role="button">删除</a>
                        </th>
                    </tr>
                </tbody>

            </table>

        </div>       
    </body>
</html>
